<template>
	<view class="container">
		<view><img src="./img/head.png" style="height: 180rpx; width: 100%;"></img></view>
		<view class="c1">
			<view class="sportHead">第一部分：动起来</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.1.mp4`)">
				第一节：曲臂顿足
			</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.2.mp4`)">
				第二节：曲臂侧摆
			</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.3.mp4`)">
				第三节：V 步击掌
			</view>
		</view>
		<view class="c1">
			<view class="sportHead">第二部分：手指激活</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.4.mp4`)">
				第四节：手部运动
			</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.5.mp4`)">
				第五节：指尖运动
			</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.6.mp4`)">
				第六节：掌根运动
			</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.7.mp4`)">
				第七节：互换运动
			</view>
		</view>
		<view class="c1">
			<view class="sportHead">第三部分：上肢运动</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.8.mp4`)">
				第八节：扩胸运动
			</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.9.mp4`)">
				第九节：体侧运动
			</view>
			<view class="container myview" @click="clickVideo(`http://train.brainsources.cn/sport/1/1.10.mp4`)">
				第十节：放松运动
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			clickVideo(videoUrl) {
				uni.navigateTo({
					url: `/pages/middleScreening/healthAdvice/showSportVideo?url=` + videoUrl
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
		height: 100%
	}

	.container {
		background-color: #f4f7f9;
		padding: 0rpx;
		height: 1600rpx;
		width: 100%;
	}

	.container .myview {
		margin-top: 20rpx;
		padding-top: 45rpx;
		height: 100rpx;
		background-color: #a9c7e6;
	}

	.c1 {
		padding-top: 30rpx;
		text-align: center;
		width: 100%;
	}

	.sportHead {
		font-weight: 700;
		font-size: 35rpx;
		margin-bottom: 30rpx;
	}
</style>
